<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <p:panel id="pnlBusquedaCotizacion" header="REPORTE POR CLIENTES" style="width:50%;margin: 0px auto;" >
        <h:panelGrid columns="2" cellpadding="2" > 

            <h:outputLabel id="lblTipoCot" value="TIPO: " class="lblBusqueda"/>
            <p:selectOneMenu value="#{BKReporteLogistica.ordenPedidoBusqueda.tipoOp}"
                             id="cbxTipoCot"  >  
                <f:selectItem itemLabel="TELA" itemValue="T" />   
                <f:selectItem itemLabel="PRENDA" itemValue="P" />   
                <p:ajax listener="#{MBReporteLogistica.buscarOPPorTipo}" update="cbxPedido" process="@this" />
            </p:selectOneMenu>

            <h:outputLabel id="lblOrdenPedido" value="ORDEN DE PRODUCCIÓN: " class="lblBusqueda"/>
            <p:selectOneMenu id="cbxPedido" converter="#{ordenPedidoConverter}"
                             value="#{BKReporteLogistica.ordenCompraBusqueda.idOrdenPedido}"
                             style="width: 140px" filter="#{BKOrdenCompra.listaOrdenesPedido.size() gt 10}" 
                             filterMatchMode="contains"> 
                <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                <f:selectItems value="#{BKReporteLogistica.listaOrdenesPedido}" var="ordenP" 
                               itemLabel="#{ordenP.codigoOrdenPedido}" itemValue="#{ordenP}" />	
            </p:selectOneMenu>

            <h:outputText value="ESTADO: " class="lblBusqueda" />
            <p:selectOneMenu value="#{BKReporteLogistica.ordenCompraBusqueda.estadoOrden}">   
                <f:selectItem itemLabel="Seleccione" itemValue=""/> 
                <f:selectItem itemLabel="ABIERTO" itemValue="A" />  
                <f:selectItem itemLabel="CERRADO" itemValue="C" />  
            </p:selectOneMenu>  

            <h:outputLabel id="lblFechaInicioCot" value="FECHA INCIO: " class="lblBusqueda"/>
            <p:calendar id="txtFechaInicioCot" locale="es"
                        value="#{BKReporteLogistica.fechaInicioOC}" 
                        pattern="dd/MM/yyyy" 
                        maxdate="#{BKReporteLogistica.fechaFinalOC}"
                        showOn="button" showButtonPanel="true" navigator="true" >
                <p:ajax event="dateSelect" listener="#{MBReporteLogistica.marcarInicioOC}" update="txtFechaFinalCot" />
            </p:calendar>

            <h:outputLabel id="lblFechaFinalCot" value="FECHA FIN: " class="lblBusqueda"/>
            <p:calendar id="txtFechaFinalCot" locale="es"
                        value="#{BKReporteLogistica.fechaFinalOC}" 
                        pattern="dd/MM/yyyy"
                        mindate="#{BKReporteLogistica.fechaInicioOC}"
                        showOn="button" showButtonPanel="true" navigator="true">
                <p:ajax event="dateSelect" listener="#{MBReporteLogistica.marcarFinalOC}" update="txtFechaInicioCot" />
            </p:calendar>

            <p:commandButton action="#{MBReporteLogistica.reporteOrdenCompraAbierto()}" ajax="false" value="Generar Reporte"/>


        </h:panelGrid>
    </p:panel>

</html>